@import './base.less';
// 头部模块
header {
  position: relative;
  width: 100vw;
  height: 11.7333vw;
  background-color: #fff;
}
header a {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.2vw;
  height: 11.7333vw;
  line-height: 11.7333vw;
  margin-left: 2.6667vw;
  text-align: center;
  font-size: 7.2vw;
  font-family: 宋体;
  font-weight: 700;
}
header h2 {
  height: 11.7333vw;
  font-size: 4.2667vw;
  line-height: 11.7333vw;
  text-align: center;
}

// 主体部分
.main {
  padding: 13.3333vw 8vw 0;
  .title {
    margin-bottom: 8vw;
    h3 {
      margin-bottom: 2.1333vw;
      color: #191919;
      font-size: 7.2vw;
      font-weight: normal;
    }
    p {
      color: #b3b3b3;
      font-size: 3.7333vw;
    }
  }
  form {
    .item {
      display: flex;
      height: 12.8vw;
      padding: 2.4vw;
      margin-bottom: 4vw;
      border-bottom: 1px solid #f3f1f2;
      input {
        flex: 1;
        width: 100%;
        height: 100%;
        border: 0;
        outline: none;
        font-size: 3.7333vw;
      }
      img {
        width: 25.6vw;
        height: 7.7867vw;
      }
      .verify {
        font-size: 3.7333vw;
        color: #cea26a;
        border: 0;
        background-color: #fff;
      }
    }
    .submit {
      width: 100%;
      height: 11.4667vw;
      margin-top: 10.6667vw;
      background: linear-gradient(90deg, #ecb53c, #ff9211);
      border: 0;
      font-size: 3.7333vw;
      color: #fff;
      text-align: center;
      line-height: 11.4667vw;
      border-radius: 5.7333vw;
    }
  }
}

#box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74.6667vw;
  height: 9.8667vw;
  text-align: center;
  line-height: 9.8667vw;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 18px;
  font-family: 楷体;
}
